<%@ page contentType="text/html; charset=UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="msapplication-tap-highlight" content="no">
<title>下载</title>
<style type="text/css">
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,legend,input,select,textarea,button,th,td,menu,article,pre,xmp,plaintext,listing{margin:0;padding:0;}
pre,xmp,plaintext,listing{white-space:normal;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,select,time{display:block;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;font-weight:100;vertical-align:middle;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:none;}
input{outline:none;background:transparent;vertical-align:top;}	
table{border-collapse:collapse;border-spacing:0;}		
button{cursor:pointer;border:none;}
textarea{word-wrap:break-word;resize:none;}
select::-ms-expand{display:none;}
::-ms-check{display:none;}
input, textarea, select{-webkit-appearance:none;border:none;outline:none;}
input:-moz-placeholder{color:#C4C4C4;}
::-webkit-input-placeholder{color:#C4C4C4;}
body{background:#ededed;font-family:;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05);overflow:hidden;min-height:100%;font-family:"微软雅黑" medium sans-serif;background:#FFFFFF;color:#666666}
html,body{-webkit-text-size-adjust:none;height:100%;width:100%;overflow:hidden;}
a,button,input{-webkit-touch-callout:none;outline:none; color:inherit}
a,a:visited{text-decoration:none;-webkit-touch-callout:none;}
.loading {display:inline-block; background-color:#1eb9ee; padding:10px; margin-top:100px; height:20px; line-height:20px; color:#fff; text-decoration:none; width:60%; border-radius:5px}
.fixed-bg { background:rgba(0,0,0,.7); position:fixed; top:0; bottom:0; left:0; right:0; color:#fff; font-size:20px}
.tip-img { width:40%; max-width:200px; margin:1em}
.tr { text-align:right}
</style>
</head>

<body style="text-align:center">
<div style="width:60%; margin:100px auto 0;">
	<img style="width:100%; max-width:300px" src="${base}/agent/public/images/bg/login.jpg">
	<%-- <img style="width:100%; max-width:300px" src="${base}/agent/qrcode/show.xhtml"> --%>
</div>

<a id="download" onclick="document.getElementById('tip').style.display='block';" class="loading" href="${base}/agent/public/apk/easywork.apk">下载</a>

<div id ="tip" class="fixed-bg" style="display:none;">
	<div class="tr"><img class="tip-img" src="../public/images/tip.png"></div>
	<p>点击"在浏览器中打开"</p>
</div>
<!-- 
<script type="text/javascript">
$(document).ready(function() {
	$("#download").click(function(){
		$("#tip").slideToggle();
	});
});
</script>
 -->
</body>
</html>
